<template>
	<view class="">
		<u-navbar back-text="" :title="title" :background="background" title-color='#FFF' back-icon-color='#FFF' style='border-bottom: none;'></u-navbar> 
		<view class="box">
		
			<u-image width="100%" height="300rpx" :src="src"></u-image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					backgroundColor: '#19BE6B',
					backgroundSize: 'cover',
					backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))',
					
					
				},
				title:this.title,
				src:"../../static/images/user/avatar.jpg"
			}
		},
		onLoad(options){
			this.title=options.name;
			console.log(options.name)
		},
		methods:{
			
		}
	}
</script>

<style>
	.box{
		/* width: 100%;
		height: 100%; */
		/* margin-top: 300rpx; */
	}
	.title{
		display: block;
		text-align: center;
		font-size: 35rpx;
	}
</style>
